<!DOCTYPE html>
<html>
	<head>
		<title>DiabetBook</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-16"/>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
        
		<link rel="apple-touch-startup-image" href="images/startup.png">  
		<link rel="apple-touch-icon-precomposed" href="images/icon.png"/>

		<link rel="stylesheet" type="text/css" media="screen" href="styles.css" />
	</head>
	<body onLoad="document.location.href='#home'">
		<div id="wrapper">
			<div id="pages">
				
                <section id="table">
                    <canvas id="line" width="300" height="50">
                    </canvas>
                    <canvas id="line2" width="300" height="300">
                    </canvas> 
                </section>
                
                <section id="dextro">
                    <div class="navadd">
                        <a href="#dextro" class="act txt_dextro">Dextro</a><a href="#insulin" class="btn_insulin"><div></div></a><a href="#com" class="btn_com"><div></div></a>
                    </div>
                    <form class="form2" name="dextro" method="post">
                    	<div class="alerte_dextro"></div>
						<input type="datetime" name="dextro_date" class="dateNow" />
						<input type="number" name="dextro_value" class="txt_dextrovalue" placeholder="Value of the dextro" />
						<input type="button" value="Submit" onclick="addDextro()"/>
					</form>
				</section>
				
				<section id="insulin">
                    <div class="navadd">
                        <a href="#dextro" class="btn_dextro"><div></div></a><a href="#insulin" class="act txt_insulin">Insulin</a><a href="#com" class="btn_com"><div></div></a>
                    </div>
                    <form class="form2" name="insulin" method="post">
                    	<div class="alerte_insulin"></div>
						<input type="datetime" name="insulin_date" class="dateNow" />
						<input type="number" name="insulin_value" class="txt_insulinunits" placeholder="Insulin units"/>
                        <select name="insulin_type">
                            <option value="1">Rapid acting</option>
                            <option value="2">Lente</option>
                            <option value="3">Mix 25</option>
                            <option value="4">Mix 50</option>
                            <option value="5">Autre</option>
                        </select>
						<input type="button" value="Submit" onclick="addInsulin()"/>
					</form>
				</section>
				
                <section id="com">
                    <div class="navadd">
                        <a href="#dextro" class="btn_dextro"><div></div></a><a href="#insulin" class="btn_insulin"><div></div></a><a href="#com" class="act txt_comment">Comment</a>
                    </div>
                    <form class="form2" name="com" method="post">
                    	<div class="alerte_com"></div>
						<input type="datetime" name="com_date" class="dateNow" />
						<textarea name="com_txt" class="txt_yourcomment" placeholder="Your comment" ></textarea>
						<input type="button" value="Submit" onclick="addCom()"/>
					</form>
				</section>
				
				<section id="list">
					<ul>
                    </ul>
                    <a class="list_load txt_loaddata" style="display: none;">
                    	Loading previous data
                    </a>
				</section>
				
				<section id="graph">
                    <canvas id="graf" width="300" height="50">
                    </canvas>
                </section>
                
				<section id="home">
					<div id="home_ko" style="display: none;">
	                    <h1>DiabetBook</h1>
	                    <div class="alerte"></div>
						<form class="form1" name="connection" method="post">
							<input type="email" id="login" class="txt_emaillogin" placeholder="Email or login" name="login" />
							<input type="password" id="password" class="txt_password" placeholder="Password" name="pass" />
	                        <input id="remember" type="checkbox" name="remember"/><label for="remember" class="txt_remember">Remember me</label>
							<input type="button" class="txt_connection" value="Connection" onclick="connect()" />
						</form>
	                    <a href="#inscription" class="btn_blue txt_inscription">Inscription</a>
	                    <a href="#forget" class="btn_red txt_forgotten">Forgotten password</a>
	                </div>
	                <div id="home_ok" style="display: none;">
	                	<h1 class="welcome"></h1>
	                	<a href="#settings" class="btn_blue txt_settings">Settings</a>
	                	<a href="#home" class="btn_red txt_logout" onclick="deco()">Logout</a>
	                </div>
				</section>
				
                <section id="inscription">
                    <h1 class="txt_inscription">Inscription</h1>
                    <div class="alerte_insc"></div>
					<form class="form1" name="inscription" method="post">
                        <input type="text" name="insc_login" class="txt_login"placeholder="Login" />
						<input type="email" name="insc_email" class="txt_email" placeholder="Email" />
						<input type="password" name="insc_password" class="txt_password" placeholder="Password" />
                        <input type="password" name="insc_password2" class="txt_confirmpassword" placeholder="Confirm password" />
						<input type="button" value="Submit" class="txt_submit" onclick="btn_inscription()"/>
					</form>
					<a href="#home" class="btn_red txt_cancel">Cancel</a>
				</section>
				
                <section id="forget">
                    <h1 class="txt_forgotten">Forgotten password</h1>
                    <div class="alerte_mail"></div>
					<form class="form1" name="forget" method="post">
						<input type="email" name="forget_email" class="txt_email" placeholder="Email" />
						<input type="button" value="Submit" class="txt_submit" onclick="btn_forgetPass()"/>
					</form>
					<a href="#home" class="btn_red txt_cancel">Cancel</a>
				</section>
				
				<section id="settings">
                    <h1 class="txt_settings">Settings</h1>
					<p>Nothing yet</p>
					<a href="#home" class="btn_red txt_return">Return</a>
				</section>
			</div>
		</div>
		<nav>
			<ul>
	            <li class="active"><a href="#home"><div>Home</div></a></li>
				<li><a href="#dextro"><div>Add</div></a></li>
	            <li><a href="#list"><div>List</div></a></li>
				<li style="display: none;"><a href="#table"><div>Table</div></a></li>
				<li style="display: none;"><a href="#graph"><div>Graph</div></a></li>
			</ul>
		</nav>
        <script src="jquery-1.7.1.min.js"></script>
        <script src="lang.js"></script>
        <script src="script.js"></script>
	</body>
</html>